<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>与我们合作</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="cooperate-css/solution.css" />
		<link rel="stylesheet" type="text/css" href="../css/head.css" />
		<link rel="stylesheet" type="text/css" href="../css/footer.css" />
	</head>

	<body>
		<div class="container">
			<header>
				<div class="header_top">
					<div class="header_log">
						<img src="../img/logo.png" alt="图片不在了">
					</div>

					<ul>
						<li id="product"><a href="">产品<i class="icon iconfont">&#xe60a;</i></a></li>
						<li id="help"><a href="">帮助中心<i class="icon iconfont">&#xe60a;</i></a></li>
						<li id="cooperation"><a href="">合作<i class="icon iconfont">&#xe60a;</i></a></li>
						<li id="news"><a href="../news/news.html">新闻</a></li>
						<li id="about-us"><a href="../aboutus/aboutus.html">关于我们</a></li>
						<li class="navright" id="language"><a href="">语言<i class="icon iconfont">&#xe60a;</i></a></li>
						<li class="navright" id="login"><a href="">登录<i class="icon iconfont">&#xe60a;</i></a></li>
					</ul>

				</div>
				<div id="language-block" class="language-updown">
				</div>
				<div id="language-style" class="language-updown">
					<a href="" style="text-decoration: none;">
						<p>English</p>
					</a>
					<a href="" style="text-decoration: none;">
						<p>中文</p>
					</a>
				</div>

				<div id="login-block" class="login-updown">
				</div>
				<div id="login-style" class="login-updown">
					<a href="" style="text-decoration: none;">
						<p>登录</p>
					</a>
					<a href="" style="text-decoration: none;">
						<p>忘记密码</p>
					</a>
				</div>

				<div id="product-block" class="product-updown">
				</div>
				<div id="product-block-img" class="product-updown">
					<img src="../img/boke1.jpg" />
					<img src="../img/banner_sdeno.png" />
					<img src="../img/slide-01.jpg" />
				</div>
				<div id="product-block-hover" class="product-updown">
					<a href="../product/product-littlemi.html">
						<div>小觅防丢器</div>
					</a>
					<a href="../product/product-robot.html">
						<div>小觅机器人</div>
					</a>
					<a href="../product/product-life.html">
						<div>私生活app</div>
					</a>
				</div>
				<div id="help-block" class="help-updown">

				</div>
				<div id="help-block-img" class="help-updown">
					<img src="../img/boke1.jpg" />
				</div>
				<div id="help-block-hover" class="help-updown">
					<a href="../helps/helps.html">
						<div>小觅常见问题</div>
					</a>
				</div>
				<div id="cooperation-block" class="cooperation-updown">

				</div>
				<div id="cooperation-block-img" class="cooperation-updown">
					<img src="../img/sdk_slide.jpg" />
					<img src="../img/solution_slide.jpg" />
					<img src="../img/gift_mynt_light.png" />
				</div>
				<div id="cooperation-block-hover" class="cooperation-updown">
					<a href="../cooperate/developer.html">
						<div>开发者方案</div>
					</a>
					<a href="../cooperate/solution.html">
						<div>防丢产品解决方案</div>
					</a>
					<a href="../cooperate/customize.html">
						<div>企业礼品定制</div>
					</a>
				</div>
			</header>
			<nav></nav>
			<!--图片展示区域-->
			<div class="content">
				<div class="content_pic1">
					<div class="mask">
						<section class="prevent">
							<h1>防丢产品解决方案</h1>
							<h2>可靠而灵活的完整的解决方案</h2>
						</section>
					</div>
				</div>
				<div class="content_pic2">
					<div class="mask">
						<section class="complete">
							<h1>完整而灵活的解决方案</h1>
							<h5>我们提供 PCB及订制，结构设计, SDK, App, 以及云端服务，一整套完整的解决方案，您可以根据自己的需求与我们讨论合作方式，快速地打造全球品质产品</h5>
						</section>
					</div>
				</div>
				<div class="content_pic3">
					<div class="mask">
						<section class="allword">
							<h1>历经全球市场淬炼解决方案</h1>
							<h5>小觅智能防丢器在全球市场已上市一年，得到美国、葡萄牙等国家用户的高度认可。在这一年中，我们不断优化产品性能、稳定性以及兼容性。已可完美适配市场上的大多数移动设备以及Mac、PC等桌面平台。全球寻物社区已初具规模，欢迎使用我们的解决方案打造更多优秀的产品。</h5>
						</section>
					</div>
				</div>
				<div class="content_pic4">
					<div class="mask">
						<section class="cooper_invite">
							<h1>商业合作邀请</h1>
							<h5>请点击下面的按钮通过邮件发起合作邀请，我们负责相关业务的同事将与您联系</h5>
							<a>写邮件给我们</a>
						</section>
					</div>
				</div>
			</div>
			<!---------寄邮件---------->
			
			<div id="cover"></div>
			<div id="emailinfo">
		<div><span>期待你的来信</span></div>
		<div>
			<form action="../news/news.html" method="get" >
				<table>
					<tr >
						<td>
							<font color="red">*</font>必要信息
						</td>	
					</tr>
					<tr >
						<td>
							姓名<font color="red">*</font>
						</td>
						<td>
							电子邮箱<font color="red">*</font>
						</td>	
					</tr>
					<tr >
						<th>
							<input type="text" id="username" name="username">
						</th>
						<th>
							<input type="text" id="ema" name='email'>
						</th>	
					</tr>
					<tr >
						<td>
							主题
						</td>
					</tr>
					<tr >
						<th colspan="2" style="width:100%;">
							<input type="text" id="tit" name="title">
						</th>	
					</tr>
					<tr >
						<td>
							内容<font color="red">*</font>
						</td>
					</tr>
					<tr >
						<th colspan="2" style="width:100%;">
							<textarea name="content" id="con" cols="30" rows="10"></textarea>
						</th>
					</tr>
					<tr>
						<th></th>
						<th class="tijiao">
						
							<button id="sub" type="submit">发送</button>
							<button type="button" id="close">返回</button>
						</th>
					</tr>
				</table>
			</form>
		</div>
	</div>
			<!--footer-->
			<footer>
				<!----商业合作咨询邮件----------->
				<div class="email_container">
					<section class="cooper_email">
						<h1>商业合作相关咨询,请发邮件给我们</h1>
						<h3>输入您的邮箱并点击订阅,我们会及时推送更新和新服务</h3>

						<form action="" method="post" id="subscribeForm">
							<div class="email_input">
								<input type="text" name="e_mail" id="e_mail" value="" />
								<input id="subscribe" type="submit" value="订阅" />
							</div>
						</form>

						<!--<div id="subscribeForm">
							<div class="email_input">
							<input type="text" name="e_mail" id="e_mail" value="" />	
							<input id="subscribe" type="submit" value="订阅"/>
							</div>								
						</div>-->

					</section>
				</div>
				<!---------社区及相关-->
				<div class="revevance_container">
					<section class="revevance_con">
						<section class="chain_row">
							<section class="row_left">
								<li><a href="###">社区</a></li>
								<li><a href="###">博客</a></li>
								<li><a href="###">新闻</a></li>
								<li><a href="###">帮助中心</a></li>
								<li><a href="###">关于我们</a></li>
							</section>
							<section class="row_right">
								<li>
									<a href="###"></a>
								</li>
								<li>
									<a href="###"></a>
								</li>
								<li>
									<a href="###"></a>
								</li>
								<li>
									<a href="###"></a>
								</li>
								<li>
									<a href="###"></a>
								</li>
							</section>
						</section>
						<p>Copyright © 2014 - 2016 Slightech, Inc. All Rights Reserved. 苏ICP备15025307号-1</p>
					</section>
				</div>
			</footer>

		</div>
	</body>
	<script src="../build/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../build/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function() {
			$("#product").mouseenter(function() {
				$(".product-updown").slideToggle("slow");
				$(".help-updown").slideUp("slow");
				$(".cooperation-updown").slideUp("slow");
				$(".language-updown").slideUp("slow");
				$(".login-updown").slideUp("slow");
			});
			$("#help").mouseenter(function() {
				$(".help-updown").slideToggle("slow");
				$(".product-updown").slideUp("slow");
				$(".cooperation-updown").slideUp("slow");
				$(".language-updown").slideUp("slow");
				$(".login-updown").slideUp("slow");
			});
			$("#cooperation").mouseenter(function() {
				$(".cooperation-updown").slideToggle("slow");
				$(".help-updown").slideUp("slow");
				$(".product-updown").slideUp("slow");
				$(".language-updown").slideUp("slow");
				$(".login-updown").slideUp("slow");
			});
			$("#language").mouseenter(function() {
				$('.language-updown').slideToggle("slow");
				$(".help-updown").slideUp("slow");
				$(".product-updown").slideUp("slow");
				$(".cooperation-updown").slideUp("slow");
				$(".login-updown").slideUp("slow");
			});
			$("#login").mouseenter(function() {
				$('.login-updown').slideToggle("slow");
				$(".help-updown").slideUp("slow");
				$(".product-updown").slideUp("slow");
				$(".cooperation-updown").slideUp("slow");
				$(".language-updown").slideUp("slow");
			});
			
			
			$(".cooper_invite>a").click(function(){
		$("#emailinfo").slideDown();
		$("#cover").show();
	});
	$("#close").click(function(){		
		$("#emailinfo").slideUp();
		$("#cover").css("display","none");
	});
	//表单验证
	function check(){
		var regemail= /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
		if(!($("#username").val())){
			alert("姓名不能为空!")		
			return false;
		}
		if(!($("#ema").val())){
			alert("邮箱不能为空!")
			return false;
		}
		if(!(regemail.test($("#ema").val()))){
			alert("请输入有效邮箱!")
			return false;
		}
		if(!($("#con").val())){
			alert("内容不能为空!")
			return false;
		}
	};
		$("#sub").click(function(){
		return check();
	});
			
		})
	</script>

</html>